@import url(color.less);
#control-money {
  >.recommend-list{
    >.media{
      padding: 10px;
      >.media-left{
        >a{
          >img{
            width: 99px;
            height: 100px;
          }
        }
      }
      >.media-body{
        position: relative;
        >.normal-info{
          font-size: 18px;
          height: 75px;
          overflow: hidden;
          >.product-name{
            color:#333333;
          }
          >.product-price{
            color:@title-background-color;
          }
        }
        >.other-info{
          position: absolute;
          bottom: 10px;
          font-size: 12px;
          color: #a1a1a1;
          width: 100%;
          >.from-time{

          }
          >.comment{
            float: right;
            position: relative;
            width: 85px;
            text-align: right;
          }
          >.comment:before{
            content: "";
            width: 15px;
            height: 15px;
            position: absolute;
            background-image: url("../images/ic_comment.png");
            background-size: 15px 15px;
            background-repeat: no-repeat;
            left: 0px;
            top: 50%;
            transform:translateY(-50%);
          }
        }
      }
    }
  }
  >.product-page {
    display: flex;
    text-align: center;
    background-color: #f2f2f2;
    padding: 10px;
    position: relative;
    >a {
      flex: 1;
      background-color: #ebebeb;
      color: #000;
      display: block;
      height: 30px;
      border-radius: 5px;
      line-height: 30px;
    }
    >div {
      flex: 1;
      >select{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
      }
    }
  }
}
